import React, { Component } from 'react';
import './Read.scss'
import { useNavigate } from 'react-router-dom';
import { List, Switch } from 'antd-mobile'
function Read() {
    const navigate = useNavigate()
    return (
        <div className='read'>
            <div className='header'>
                <i className='iconfont icon-fanhui' onClick={() => { navigate('/SystemSet') }} />
                <h3>阅读设置</h3>
                <p></p>
            </div>
            <div className="list">
                <List style={{ '--font-size': '14px' }}>
                    <List.Item>
                        <div className='chu'>
                            <span>同步阅读进度和想法</span>
                            <Switch
                                defaultChecked
                                style={{
                                    '--checked-color': '#00b578',
                                    '--height': '20px',
                                    '--width': '40px',
                                }}
                            />
                        </div>
                    </List.Item>
                    <List.Item>
                        <div className='chu'>
                            <span>发布仅可自己见的想法</span>
                            <Switch
                                defaultChecked
                                style={{
                                    '--checked-color': '#00b578',
                                    '--height': '20px',
                                    '--width': '40px',
                                }}
                            />
                        </div>
                    </List.Item>
                </List>
            </div>
        </div>
    );
}


export default Read;
